<template>
  <div class='notice_one_page'>
    <van-notice-bar left-icon="volume-o" :scrollable="false" color="#333333" background="#fff">
      <van-swipe
        vertical
        class="notice-swipe"
        :autoplay="3000"
        :show-indicators="false"
        duration="1000"
      >
        <van-swipe-item v-for="(item,index) in textList" :key="index">
          {{item.notice}}
        </van-swipe-item>
      </van-swipe>
    </van-notice-bar>

    
  </div>
</template>
<script>

export default {
  data () {
    return {
      textList:[
       {notice: '1'},
       {notice: '2'},
       {notice: '3'},
       {notice: '4'},
       {notice: '5'},
       {notice: '6'}
      ]
    }
  },
  created() {
    
  },
  methods: {
    
  }
}
</script>

<style scoped>
  .notice-swipe {
    height: 40px;
    line-height: 40px;
  }
  .notice_item_link {
    color: #333333;
  }
</style>
